@charset "utf-8";
/*---------------html----------------*/
*{margin:0;padding:0;}
body{
    background-color: white; /**#5c87b2;**/ 
    margin: 0;
    padding: 0;
}

input[type="text"] 
{
    height: 20px;
    width: 200px;
    border: 1px solid #CCC;
    font-size: 14px;
}

input[type="text"].inputhour
{
    height: 20px;
    width: 30px;
    border: 1px solid #CCC;
    font-size: 14px;
}

input[type="password"] 
{
    height: 20px;
    width: 200px;
    border: 1px solid #CCC;
    font-size: 14px;
}

input[type="text"].default
{    
    height: 20px;
    border-style: solid;
    border-width:1px;
    border-color: #81ADDF;    
    font-size: 14px;
}
input[type="password"].default
{
    height: 20px;
    border-style: solid;
    border-width:1px;
    border-color: #81ADDF;    
    font-size: 14px;
}

input .inputtime
{
    height: 20px;
    width: 10px;
    border: 1px solid #CCC;
    font-size: 14px;
}
input#cpage
{
    height: 20px;
    width: 30px;
    border: 1px solid rgb(129, 173, 223);
    text-align: center;
    height: 13px;
    margin-top:1px;
    font-size: 14px;
}

select {
	padding: 1px;
    font-size: 14px;
    height: 20px;
    width: 100px;
}

option {
    font-size: 14px;
    padding-left: 3px;
}

textarea {
	padding: 2px;
}
form {
	margin: 0;
	padding: 0;
}
/*---------------cau truc---------------*/
#container{
	margin:0 auto;
	width:1024px;
	height:auto;
}
#header{
	width:1024px;
	float:left;
	background:url(/onlinemarket/img/header.png) repeat-x;
	height:56px;
}
#sp1{
	float:left;	
	margin:19px 0 0 30px;
	font-weight:bold;
	color:#FFF;
	font-size:18px;
}
#sp2{
	float:right;	
	margin:19px 20px 0 0;
	color:#FFF;
}
/*--------------nav_menu------------------*/
#menu{
	width:1024px;
	background:url(/onlinemarket/img/menu.png) repeat-x;
	height:30px;
	float:left;
}
#menu ul{
	display:block;	
	list-style:none;
	height:30px;
	 
}
#menu ul li{
	float:left;
	 height:30px;
	position:relative;
	border-right:#000 1px solid;
}
#menu ul li:hover{
	background:url(/onlinemarket/img/selected.png);
}

#menu ul li a{
	color:#FFF;
	text-decoration:none;
	line-height:28px;
	margin-left:20px;
	padding-right:20px ;
	
		
}

#menu li ul,
#menu li ul ul{
	display:none;	
	position:absolute;
	width:150px;
	
}
#menu ul li:hover ul ul{
	display:none;	
	
}
#menu li ul li{
	background:url(/onlinemarket/img/transparent.png);
}

#menu li:hover ul,
#menu li li:hover ul{
	display:block;
}
#menu li:hover ul li{
	width:100%;
	top:2px;
}
#menu li ul li:hover{
	background:url(/onlinemarket/img/transparent.png) #333;
	
}
#menu li:hover ul li a{
	border-right:none;
}
#menu ul li ul li:hover a{
	color:#FFF;
}

.left{
	margin-left:-150px;	
}
.sub{
	margin-left:100px;
	margin-top:-10px;	
}
.current {
	background:url(/onlinemarket/img/selected.png);
}
.current a{
	border-right:#fff 1px solid;
}
/*---------------content--------------------*/
#content{
	min-height:500px;
	padding-bottom: 128px;
	height:auto;
}
div.site_map{
	width:97%;
	margin:0 auto;
	padding: 10px 10px 10px 0px;
	float:left;
}
div.site_map a{
    text-decoration: none;
}
.heading{
	clear:both;
	margin-bottom: 15px;	
	height:40px;
}
.heading_left{
	background: url(/onlinemarket/img/box_left.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 40px;
    width: 7px;
	
}
.heading_right{
	background: url(/onlinemarket/img/box_right.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 40px;
    width: 7px;
}
.heading_center{
	background: url(/onlinemarket/img/box_center.png) repeat-x scroll 0 0 transparent;
    margin-bottom: 0;
	float:left;
	width:1010px;
}
.heading_center h3{
	background-position: 2px 9px;
    background-repeat: no-repeat;
    color: #003A88;
    float: left;
    font-size: 16px;
    padding: 11px 0 11px 30px;
}

.heading_center img {
    height: 22px;
}

.heading .table{
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
 /*   min-height: 400px;*/
    padding: 10px;	
}


.tb td {
	padding: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.tb {
	width:100%;
}

.ibutton {
    background: url(/onlinemarket/img/button_left.png) no-repeat scroll left top transparent;
    display: inline-block;
    margin-right: 5px;
    padding-left: 8px;
	cursor:pointer;
	
}
.ibutton span {
    background: url(/onlinemarket/img/button_right.png) no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    padding: 4px 10px 4px 2px;
}
/*---------------list_user------------------*/
.tb_list {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
.tb_list td {
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #333333;
	padding:5px;
	border-bottom:#CCC solid 1px;
	border-right:#ccc solid 1px;
}

#footer {
	background: #FFFFFF url(/onlinemarket/img/footer.png) repeat-x;
	height: 90px;
	padding-top: 38px;
	text-align: center;
	font-size: 12px;
	color: #333;
	clear: both;
	 
}
.xoa{
	clear:both;	
}

/**********************/

table.border 
{
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #333333;
  border: solid 1px #81ADDF;
  border-collapse: collapse;
}

table.border td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table.border tbody th
{
  padding: 6px 5px;
  text-align: center;
  background-color: #81ADDF; 
  border: solid 1px #e8eef4;
  color: white;
}

table.border thead th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #81ADDF; 
  border: solid 1px #e8eef4;
  color: white;
}

table.border tbody.overflow-y, div.overflow-y
{
    overflow-y:auto;
    overflow-x:hidden;
}


table.noborder
{
	width: 100%;
	margin-bottom: 20px;
}
table.noborder td 
{  
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #333333;
	padding:5px;
}
table.noborder.nopadding td 
{
  padding: 0px;
  border: 0px;
  border-style:none;
}
table.noborder th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #81ADDF; 
  border: solid 1px #81ADDF;
  color: white;
}
/*****TABLE*****/
.mytable {
	width: 99%;
	padding: 0;
        border-collapse: collapse;
        border:1px solid #CAE8EA
}

caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.mytable th {
	font-size:9px;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../../Images/bg_header.jpg) no-repeat;
}

.mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 6px;
	color: #4f6b72;
        font-size:12px;
        text-align: center;
}


.mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

.mytable td.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../Images/bullet11.gif) no-repeat;
	font-size:10px;
}

.mytable td.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../Images/bullet12.gif) no-repeat;
	font-size:10px;
	color: #797268;
}
